{% extends "base.html" %}
{% load static %}

{% block title %}资产列表 - 学校管理平台{% endblock %}
{% block description %}展示所有资产借用信息{% endblock %}
{% block keywords %}资产列表, 资产管理, 学校管理系统{% endblock %}

{# 引入资产菜单组件 #}
{% include "components/menu_asset.html" %}

{% block content %}
<div class="layui-container" style="padding: 20px;">
    <div class="layui-card">
        <div class="layui-card-header">
            <i class="layui-icon layui-icon-form"></i> 资产借用列表
        </div>
        <div class="layui-card-body">

            <!-- 资产表格 -->
            <table class="layui-table" lay-size="sm">
                <thead>
                    <tr>
                        <th>编号</th>
                        <th>使用人</th>
                        <th>手机号</th>
                        <th>借用时间</th>
                        <th>是否归还</th>
                    </tr>
                </thead>
                <tbody>
                    {% for asset in assets %}
                    <tr>
                        <td>{{ asset.data_id }}</td>
                        <td>{{ asset.name }}</td>
                        <td>{{ asset.mobile }}</td>
                        <td>{{ asset.data_time|date:"Y-m-d" }}</td>
                        <td>
                            <span class="layui-badge {% if asset.get_ret_data_display == '已归还' %}layui-bg-green{% else %}layui-bg-red{% endif %}">
                                {{ asset.get_ret_data_display }}
                            </span>
                        </td>
                    </tr>
                    {% empty %}
                    <tr>
                        <td colspan="5" align="center">暂无资产信息</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endblock %}
